<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>皮皮图书</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<link rel="stylesheet" href="css/basic.css">
	<link rel="stylesheet" type="text/css" href="tool/slider/default/default.css" />
	<link rel="stylesheet" type="text/css" href="tool/slider/nivo-slider.css" />
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/list.css">
    <link rel="stylesheet" href="css/more.css">
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="tool/slider/jquery.nivo.slider.js"></script>
	<script type="text/javascript" src="tool/layer/layer.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
	<script type="text/javascript" src="js/list.js"></script>
</head>
<body>

<div id="nav">
	<div class="nav_container">
		<h1 class="nav_logo">皮皮图书</h1>
		<ul class="nav_ul">
			<li>
				<a href="index.html" class="active">首页</a>
			</li>
			<li>
				<a href="course.html">排行</a>
			</li>
            <li>
				<a href="l&r.html">有声图书</a>
			</li>
			<li>
				<a href="pay.html">充值</a>
			</li>
			<li>
				<a href="more.html">活动</a>
			</li>
		</ul>
	</div>
</div>

<!-- 轮播图开始 -->
<div id="slide">
	<div id="wrapper">
		<div class="slider-wrapper theme-default">
			<div id="slider" class="nivoSlider">
				<img src="img/course1.jpg" alt="" title="文学">
				<img src="img/course2.jpg" alt="" title="儿童">
				<img src="img/course3.jpg" alt="" title="经管">
				<img src="img/course4.jpg" alt="" title="艺术">
				<img src="img/course5.jpg" alt="" title="教育">
				<img src="img/course6.jpg" alt="" title="生活">
				
			</div>
		</div>
	</div>
</div>
<!-- 轮播图结束 -->

<div id="course">
	<a class="course_one" href="list/wenxue.html">
		<img src="img/course1.jpg" alt="" width="368" height="180">
		<div class="course_one_text">文学</div>
	</a>
	<a class="course_one" href="list/ertong.html">
		<img src="img/course2.jpg" alt="" width="368" height="180">
		<div class="course_one_text">儿童</div>
	</a>
	<a class="course_one" href="list/jingguan.html">
		<img src="img/course3.jpg" alt="" width="368" height="180">
		<div class="course_one_text">经管</div>
	</a>
	<a class="course_one" href="list/yishu.html">
		<img src="img/course4.jpg" alt="" width="368" height="180">
		<div class="course_one_text">艺术</div>
	</a>
	<a class="course_one" href="list/jiaoyu.html">
		<img src="img/course5.jpg" alt="" width="368" height="180">
		<div class="course_one_text">教育</div>
	</a>
	<a class="course_one" href="list/shenghuo.html">
		<img src="img/course6.jpg" alt="" width="368" height="180">
		<div class="course_one_text">生活</div>
	</a>
</div>

<div id="main">
	<ul>
            <li id="LI_1">1</li>
            <li id="LI_2">2</li>
            <li id="LI_3">3</li>
            <li id="LI_4">4</li>
            <li id="LI_5">5</li>
            <li id="LI_6">6</li>
            <li id="LI_7">7</li>
            <li id="LI_8">8</li>
            <li id="LI_9">9</li>
            <li id="LI_0">0</li>
        </ul>
        <ul>
            <li id="LI_Q">Q</li>
            <li id="LI_W">W</li>
            <li id="LI_E">E</li>
            <li id="LI_R">R</li>
            <li id="LI_T">T</li>
            <li id="LI_Y">Y</li>
            <li id="LI_U">U</li>
            <li id="LI_I">I</li>
            <li id="LI_O">O</li>
            <li id="LI_P">P</li>
        </ul>
        <ul>
            <li id="LI_A">A</li>
            <li id="LI_S">S</li>
            <li id="LI_D">D</li>
            <li id="LI_F">F</li>
            <li id="LI_G">G</li>
            <li id="LI_H">H</li>
            <li id="LI_J">J</li>
            <li id="LI_K">K</li>
            <li id="LI_L">L</li>
        </ul>
        <ul>
            <li id="LI_Z">Z</li>
            <li id="LI_X">X</li>
            <li id="LI_C">C</li>
            <li id="LI_V">V</li>
            <li id="LI_B">B</li>
            <li id="LI_N">N</li>
            <li id="LI_M">M</li>
        </ul>
        <div id="pay"></div>
        <input type="hidden" id="tempdate" value="123">
    
</div>
<script src="js/more.js"></script>

<div id="footer">
	<div class="footer_container">
		皮皮图书
	</div>
</div>


</body>
</html>